@import '../../assets/stylesheets/colors.scss';
@import '../../assets/stylesheets/fonts.scss';

#testFileContainer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  gap: 30px;
  width: 100%;
  padding: 10% 10% 10% 10%;
}

#testFileContainer > * {
  padding: 20px;
}


#chooseTest{
  font-size: 1.8rem;
  font-weight: bold;
  font-family: $raleway;
  color: var(--choose-test-color);
}

#testCardsContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  justify-items: center;
  height: 100%;
  width: 100%;
}